/*Ice Overridden - start*/
.iceInpTxtArea{
   width: 150px;
}

.iceInpTxt{
   width: 150px;
}

.iceInpSecrt{
	width: 150px;
}

.iceMsgsError, .iceMsgsFatal, .iceMsgsInfo, .iceMsgsWarn, .iceMsgError, .iceMsgFatal, .iceMsgInfo, .iceMsgWarn {
	padding-left: 22px;
}
.iceMsgError, .iceMsgFatal, .iceMsgInfo, .iceMsgWarn {
	display: block;
}
.iceMsgsError, .iceMsgsFatal, .iceMsgError, .iceMsgFatal { 
	color: #CC0000;
	background: url( './images/error.gif' ) no-repeat center left;
}
.iceMsgsWarn, .iceMsgWarn { 
	color: #000066;
	background: url( './images/warning.gif' ) no-repeat center left;
}
.iceMsgsInfo, .iceMsgInfo { 
	color: #000066;
	background: url( './images/info.gif' ) no-repeat center left;
}

.iceCmdLnk, .iceOutLnk {
	text-decoration: underline;
	font-weight: normal;
	color: blue;
}

.iceCmdLnk, .iceOutLnk a:link{
	color: blue;
    text-decoration:none;
}

.iceCmdLnk, .iceOutLnk, a:hover{
    text-decoration:underline;
}

.iceCmdLnk, .iceOutLnk, .menuLnk {
	font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    color: #000;
}

.menuLnk {
	background-image: url( './images/arrow_43.gif' );
	background-repeat: no-repeat;
	background-position: left center;
    float: left;
    padding-left: 12px;
}

/*Ice Overridden - end*/

div.clearer {
    clear: both;
    height: 0;
    line-height: .01em;
    padding: 0;
    margin: 0;
}

/* header begin */

div.header_container {
    width: 100%;
    height: 120px;
    min-width: 730px;
    background-image: url( './images/banner_bg1.gif' );
    background-repeat: repeat-x;
    background-position: left top;
}
div.header_content{
    height: 120px;
    /*background-image: url( './images/banner_logo.jpg' );
    background-repeat: no-repeat;
    background-position: right top;*/
}

.headerLnk{
	font-weight: normal;
	color: blue;
	float: right; 
	padding-top: 20px;
	padding-right: 10px; 
	font-size: 0.9em;
}
/* header end */

/* body start */

/* provides a continer to center a child div in */
div.body_container{
   float:left;
   margin-top:-50px;
   width:100%;
}
/* centers in parent as long as parent is larger then child*/
div.body_content {
   margin:0 auto;
   width: 980px;
   padding-left: 10px;
}
div.body_content div{
   /*height: 100px;*/
}
div.navigationContainer {
    border: none;
    float: left;
    width:180px;
    border-bottom: 1px solid #d9d9d9;
}

/* margin-left should be updated along with the relative position of */
div.contentContainer {
    background: none;
    border: none;
    float:left;
    padding-left: 6px;
    width:720px;
}

table.componentTabSetContainer {
    width: 99%;
}

/* footer begin */
div.footer_container {
    float: left;
    width: 100%;
    height: 35px;
    min-width: 705px;
    background-image: url( './images/bgslice_footer1.jpg' );
    background-repeat: repeat-x;
    background-position: bottom left;
}
div.footer_content{
    height: 35px;
    /*background-image: url( './images/footer_faces.jpg' );
    background-repeat: no-repeat;
    background-position: bottom right;*/
}

div.footer_content div{
   float:left;
   padding-top:15px;
   padding-left:10px;
   color: white;
   font-size: 0.9em;
}
div.footer_content a, div.footer_content a:hover{
   color: orange;
   text-decoration: none;
   font-size: 0.9em;
}
div.footer_content a{

}

div.footer_content a:hover{
   text-decoration: underline;
}
/* footer end */

/* controls the appearance of links throughout the application */
/*
a:link, a:hover, a:visited, a:active {
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    color: #000;
}
a:hover{
    color: #000033;
    text-decoration:underline
}
*/
a:visited{
    /*color: #104e5b;*/
}
a:active{
    color: #318496;
}

.iceOutTxt {
    color: #484848;
}

.iceSelOneRb-dis {
    border: 0;
    background-color: #FFFFFF;
    color: #444444;
}

h3 {
    font: 11px tahoma;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.columnsColumn {
    border: none;
}

/*
------------- Navigation Tree 
*/
.navigationTree{

}
.navigationTreeRow {
    white-space: nowrap;
    vertical-align: middle;
    padding: 0;
}

.navigationTreeRow a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    padding: 0;
    padding-left: 3px;
    vertical-align: middle;
}

.navigationTreeRow a:hover {
    text-decoration: underline;
}

.navigationTreeRow img {
    border: 0;
    vertical-align: middle;
    background-repeat: repeat-y;
    padding: 0;
}
.navigationTreeRow > img{
    width: 16px;
}


.navigationTreeRow a img {
/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
    background-repeat: repeat-y;
    border: 0;
    padding: 0;
}

.navigationTreeRow * div {
    padding: 0;
    vertical-align: middle;
}



/* node selection and rollover state. */
a.navNodeSelecttrue:hover, a.navNodeSelectfalse:hover {
    color: #318496;
    text-decoration: none;
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node_rollover.gif' ) no-repeat left center;
}

a.navNodeSelecttrue:visited, a.navNodeSelectfalse:visited {
    /*color: #104e5b;*/
}

a.navNodeSelecttrue {
    font-weight: bold;
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node_selected.gif' ) no-repeat left center;
}

a.navNodeSelectfalse {
    padding-left: 16px;
    background: url( './images/navigation_tree/tree_node.gif' ) no-repeat left center;
}

a.navNodeFoldertrueExpandedfalse, a.navNodeFoldertrueExpandedfalse:hover{
    padding-left: 20px;
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
}

a.navNodeFoldertrueExpandedtrue, a.navNodeFoldertrueExpandedtrue:hover{
    padding-left: 20px;
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
}

/*
---------- end tree
*/

/* connection status style for tabbed template */
.navConnectionStatus {
    left:900px;
    position:relative;
    top:33px;
}


/* left navigation panel collapsible, is not effected by theme changes.  */
.navPnlClpsbl, .navPnlClpsblColpsd {
    border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsbl {
    border: none;
}

.navPnlClpsblHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 6px 0 0 8px;
    font-weight: bold;
    height: 20px;
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
    padding-left: 22px;
}

.navPnlClpsblHdr .icePnlGrp a {
	font-weight: bold;
}

.navPnlClpsblCnt {
    font: 11px / 17px tahoma;
    color: #494949;
    background: #f5f5f5;
    padding: 4px 4px 4px 9px;
    border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsblHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 0 0 0 0;
    font-weight: bold;
    height: 20px;
    border: none;
    margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblHdr .navOutTxt {
    background: none;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 0 0 0 0;
    font-weight: bold;
    height: 20px;
    border: none;
    margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr .iceOutTxt{
    background: none;
}

.navPnlClpsblCnt .navPnlClpsblCnt {
    border-left: none;
    border-right: none;
    padding: 0 0 0 10px;
}

.navPnlClpsblCnt .navPnlClpsblColpsd {
    border: none;
}

.navPnlClpsblColpsdHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 6px 0 0 8px;
    font-weight: bold;
    height: 20px;
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    border-bottom: none;
}

.navPnlClpsblColpsdHdr .iceOutTxt,
    .navPnlClpsblHdr .iceOutTxt {
    padding-left: 22px;
    color: #484848;
}

.navPnlClpsblColpsdCnt {
    border: none;
}

.navPnlClpsblHdr, .navPnlClpsblHdr-dis, .navPnlClpsblColpsdHdr, .navPnlClpsblColpsdHdr-dis {
    cursor: pointer;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div, .navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
    background-repeat: no-repeat;
    background-position: left top;
    height: 18px;
}
/* -------------------------- */
.navPnlClpsbl a, .navPnlClpsblHdr a, .navPnlClpsblColpsdHdr a{
    color: #444444;
}
.navPnlClpsblWrapper {
    margin-top: 20px;
    display: block;
    float: left;
}

.navPnlClpsblLnks .iceOutTxt {
}

.navPnlClpsblLnks span, .navPnlClpsblLnks.nodec, .navPnlClpsblLnks:link,
    .navPnlClpsblLnks:hover, .navPnlClpsblLnks:visited {
    color: #004080;
}

.navPnlClpsblLnks:link, .navPnlClpsblLnks:visited {
    text-decoration: none;
}

.navPnlClpsblLnks:hover {
    text-decoration: underline;
}

.navPnlClpsblEnd {
    border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
    padding-left: 18px;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div  {
    background: url( './images/navigation_tree/tree_folder_open.gif' ) no-repeat 0 3px;
}
.navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
    background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat 0 3px;
}
/* end of navigation panel collapsible */

/*AUTOCOMPLETE EXAMPLE */

.iceSelInpTxtRow, .iceSelInpTxtSelRow {
    height: 15px;
}

.iceSelInpTxtSelRow {
    color: #FFFFFF;
}

/* END AUTOCOMPLETE EXAMPLE */

/* SELECTINPUTDATE.JSPX */
.weekend a {
    background-color: #999999;
}

.weekend a span {
    color: white;
}

.august span {
    font-weight: bold;
}

/* END SELECTINPUTDATE.JSPX */

/* START OUTPUT PROGRESS */
.uploadProgressBar .iceOutProg, .uploadProgressBar .iceOutProgBg, .uploadProgressBar {
    width: 350px;
}
/* END OUTPUT PROGRESS */

/* START CONNECTION STATUS   */
.connectionStatusGraphics{
    width:100%;
}
.connectionStatusGraphics span{
    font-weight:bold;
}
.connectionStatusGraphics td{
    text-align: center;
    vertical-align: middle;

}
/* END CONNECTION STATUS   */

/* START TREE */
.selectedNodetrue span{
    font-weight:bold;
}
.iceTree a:hover .iceOutTxt {
    color: #318496;
}
/* END TREE */

/*Customer Styles - Start*/

.pnlGrdTwoColumnFormLabel{
	text-align: right;
	margin-top: 2px;
	width: 40%;
}

.pnlGrdTwoColumnFormField {
	text-align: left;
	margin-left: 10px;
	width: 60%;
}

.pnlGrdFourColumnFormLabel{
	text-align: right;
	margin-top: 2px;
	width: 20%;
}

.pnlGrdFourColumnFormField {
	text-align: left;
	margin-left: 10px;
	width: 30%;
}

.pnlGrdAutoCompleteCode{
	width: 25%;
	text-align: left;
}
.pnlGrdAutoCompleteNames{
	width: 75%;
	text-align: left;
}

.loginLabel{
	text-align: right;
	margin-top: 2px;
	width: 60px;
}

.loginField{
	text-align: left;
	margin-left: 5px;
	width: 65px;
}

.loginBtn{
	text-align: left;
	margin-left: 5px;
	width: 55px;
}

.loginRegister{
	text-align: left;
	margin-left: 5px;
	width: 300px;
}

.cardTypeValue{
	text-align: left;
	margin-left: 10px;
	width: 80%;
}

.welcomecol1 {
	text-align: left;
	margin-left: 10px;
	width: 70%;
}

.welcomecol2{
	text-align: right;
	margin-right: 10px;
	width: 20%;
}

/*To align footer to bottom of the page - Start*/
/* http://ryanfait.com/sticky-footer/ */
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */
}
div.footer_content, .push {
	height: 35px; /* .push must be the same height as .footer_content */
}
/*To align footer to bottom of the page - End*/

.pngContainer{
	border: 1px solid #D9D9D9;
}

.globalMsgsFatal, .globalMsgsError, .globalMsgsWarn, .globalMsgsInfo  {
	padding-left: 0;
	background-image: none;
	font-size: 14px; 
}
.globalMsgsFatal, .globalMsgsError  {
	color: #CC0000;
}
.globalMsgsWarn, .globalMsgsInfo  {
	color: #000066;
}
.fatalMessage, .errorMessage, .warnMessage, .infoMessage {
	padding: 10px 0 10px 30px;
	overflow: auto;
	max-height: 120px;
}
.fatalMessage, .errorMessage {
	background: url( './images/error.png' ) no-repeat center left;
}
.warnMessage {
	background: url( './images/warning.png' ) no-repeat center left;
}
.infoMessage {
	background: url( './images/info.png' ) no-repeat center left;
}

.lblRequired{
    background-image: url( './images/required.gif' );
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 16px;
	font-weight: bold;
	color: black;
}
.lblCommon{
	font-weight: normal;
}

.infoMsg{
	background-image: url( './images/info.gif' );
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 16px;
    color: blue;
}

.dataPaginatorMsg{
	background-image: url( './images/arrow_53.gif' );
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 10pt;
	font-style: italic;
	padding-left: 25px;
}

.dataPaginator{
   text-align: left;
}

/* Select All and None styles - Start */
.selectAll{
    background-image: url( './images/action_check.gif' );
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	margin-right: 5px;
}

.selectNone{
    background-image: url( './images/action_delete.gif' );
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	margin-right: 5px;
}
/* Select All and None styles - End */

.refreshMessages, .markAsReadMessage, .markAsUnreadMessage, .deleteMessage {
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	margin-right: 5px;
}

.refreshMessages {
    background-image: url( './images/action_refresh_blue.gif' );
}
.markAsReadMessage {
    background-image: url( './images/email_open.gif' );
    padding-left: 22px;
}
.markAsUnreadMessage {
    background-image: url( './images/email_closed.gif' );
    padding-left: 22px;
}
.deleteMessage {
    background-image: url( './images/action_delete.gif' );
}

/*Popup Common - Start*/

.pnlPopup {
    position: absolute;
    z-index: 1001;
    top: 60%;
    left: 40%;
	width: auto;
	height: auto;
}

.popupBody {
    margin-top: 5px 0 5px;
    width: 100%;
}

.popupHeaderWrapper {
    text-align: center;
    vertical-align: middle;
}

.popupHeaderText {
    float: left;
}

.popupHeaderImage {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
    border: none;
    background-image: none;
    background-color: transparent;
    padding: 0px;
}

.popupHeaderImage:hover {
	border-style: none;
	border-color: transparent;
}

.popupMessages {
	padding: 0;
	overflow: auto;
	max-height: 120px;
}

/*Popup Common - End*/

